Gesture Synth, a free online gesture synthesizer.

Make chords with your hands. Shape harmony, voicing, octave, volume, and filter in real time, then keep a short local take when an idea lands.

Waiting for camera permission
Volume: 0%Filter: 0%
----
Camera on arrival
The browser asks for camera access as this page opens.
Free and local
No sign-up; camera, sound, and recordings stay on your device. Anonymous UX telemetry may be sent to Microsoft Clarity.

1. Keep both hands in frame with enough light to move comfortably.

2. Select the round center control once the preview is ready to start sound.

3. Use the red Record control when you want a local MP4 take.

Learn your first Gesture Synth chord in 95 seconds.

Learn the gesture map in 95 seconds, then open the instrument while the hand movement is still fresh. The written steps stay here when you need a quick reminder while you play.

  1. 01

    Choose a chord degree

    Use the left hand to move between the first few degrees.

    0:00 - 0:24
  2. 02

    Shape major or minor

    Tilt the left hand to hear the harmony change color.

    0:25 - 0:48
  3. 03

    Bring in the right hand

    Add a voicing, then move your hand to shape the sound.

    0:49 - 1:35
Try the first chord

Tested in Google Chrome

A first-chord walkthrough with the live hand landmarks and chord feedback visible on screen.

A complete online gesture synthesizer, already in your browser

Gesture Synth is a hand-tracking music tool that turns camera input into responsive musical control without accounts, downloads, or specialist hardware. Learn how hand tracking, browser support, recording, and privacy work before you play. Practice a progression, explore a sound, or sketch a musical idea from a laptop browser.

Read how Gesture Synth works

Two-hand control

Shape harmony with your left hand, then control voicing, octave, volume, and filter with your right. The on-stage chord and quality readouts help you connect a steady hand shape with the sound you hear.

Playable sound engine

Choose any of 12 keys and switch between warm, bright, and retro synth voices while you perform. The browser-native sound engine responds as your hand position changes, so you can hear a progression take shape instead of programming it first.

Local MP4 performance recording

Capture the live synth display with its generated audio for up to five minutes, then download a real MP4. When you choose Record, the browser asks for microphone access and combines that audio with the performance canvas.

Private by design

Camera frames, microphone audio, synth audio, hand landmarks, and recordings stay local to the instrument. Anonymous page-usage telemetry may be sent to Microsoft Clarity when it is enabled.

Play your first Gesture Synth chord, one movement at a time

Allow camera access, select the center play button, make an I major chord with your left hand, then add a root-position voice with your right. This is the shortest path from camera permission to a playable sound. Let the visual readout settle before changing the next gesture; it makes the connection between movement and music easier to hear.

Music lover seated at a laptop with both hands comfortably visible in front of the camera01
Set up

Allow the camera

Gesture Synth requests camera access when the homepage opens. Allow it to see the live preview, then select the center play button while local hand tracking loads. Keep both hands in view, use clear lighting, and leave enough room to move comfortably.

Select the center play button once, then use both hands to play a chord.

Left hand with one index finger raised against a dark teal studio background02
Left hand

Make I major

Extend one finger on your left hand for I. Tilt inward for Major; a neutral tilt is Major too. Keep the shape steady until the chord label settles, then try a small outward tilt to hear the minor color.

The left hand chooses the chord degree and major or minor color.

Right hand with one index finger raised against a dark teal studio background03
Right hand

Add the root

Extend one non-thumb finger on your right hand for root position. Raise your right hand for more volume; lower it for less. Add another non-thumb finger to hear a first inversion, then change only one control at a time.

Keep the left-hand I major shape steady while you change the sound.

Ready to capture it? Use the red Record control to request microphone access and save a local MP4 on supported browsers. The downloaded MP4 captures the performance stage only, not the rest of your screen.

Two hands raised in front of a laptop with illustrated hand-tracking landmarks
The left hand chooses the harmony. The right hand changes the chord's voicing, octave, volume, and filter.

Use an online gesture synthesizer to turn a small movement into a musical idea

Gesture Synth is built for the moment before an idea becomes a full track: explore a progression, shape its feel, then capture a short take while it is still fresh. Try a familiar I-IV-V movement, test a chord voicing, or find a texture before opening a larger music project.

01

Find a progression

Choose a key, then use the left hand to move between chord degrees and major or minor color. The chord readout gives you a note name and quality to follow as you move.

02

Give it a character

Use the right hand to change voicing, octave, volume, and filter one movement at a time. Thumb position changes octave, while right-hand tilt changes the filter response.

03

Keep the moment

When a short idea lands, record it locally as an MP4 on supported browsers and choose where to share it. The downloaded file stays on your device, and Gesture Synth has no publishing workflow.

Read the full gesture guide

Record a Gesture Synth idea locally, then decide what happens next

Recording starts only when you choose it and may ask for microphone access. On supported browsers, Gesture Synth mixes the live visual, your microphone, and the generated synth into a local MP4 download. There is no built-in publishing step. The MP4 captures only the performance canvas, not page controls, other tabs, application windows, or your desktop screen.

See recording details
Music maker seated at a laptop in a home studio
Your recording stays under your control after the browser downloads it.

How this hand-tracking music tool works locally

MediaPipe estimates 21 landmarks per hand. A lightweight gesture mapper turns those positions into stable musical states, then Web Audio responds without a server round trip. The tracker tries GPU processing first and falls back to CPU when needed, giving compatible devices a second path to start the instrument.

TrackingMediaPipe Tasks Vision, GPU with CPU fallback
SoundBrowser-native Web Audio synthesis
RecordingCanvas, microphone, and synth audio MP4
NetworkMedia streams stay local; anonymous UX telemetry may go to Clarity

Before you start

A few practical details before you put your hands in frame.

Is Gesture Synth really free?

Yes. The instrument is free to use and does not require an account, subscription, or payment method. After the camera preview appears, select the center play button, then choose a key and sound from the controls while local hand tracking finishes loading.

Does my camera footage leave my device?

No. Hand detection, microphone mixing, and recording run in your browser. Camera frames, landmarks, microphone audio, synth audio, and recordings are not sent to our servers. Anonymous page-usage telemetry may be sent to Microsoft Clarity when enabled, but it does not receive those media streams. You can stop camera access by closing the page, revoking the browser permission, or disabling the camera on your device.

Which browsers work best?

Gesture Synth has been tested in Google Chrome. Camera access, hand tracking, sound, canvas capture, and MP4 recording depend on the browser and device you use, so other browsers are not promised. If a feature is unavailable, read the specific message shown in the instrument before trying again.

What do my hands control?

Your left hand selects scale degree and major or minor mode. Your right hand controls chord voicing, octave, volume, and filter. One non-thumb finger on the right selects root position, while two selects a first inversion.

What does the recording include?

The live synth canvas, including camera video, hand landmarks, and visual feedback, plus microphone audio and the generated synth output. Page controls, other tabs, and your desktop are not included. Recording stops automatically after five minutes.

Why does camera access require HTTPS?

Modern browsers only expose cameras to secure pages. Localhost works during development; public deployments must use HTTPS.

Your performance stays yours

Review how local media processing and anonymous usage metrics work before you play.

Put your hands in frame and make the first chord.

No account is required. Camera access is requested as the homepage opens; sound starts after one click or touch.

Play Gesture Synth